import React, { type SVGProps } from "react";

export const FooterDiscordIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width={24}
    height={24}
    viewBox="0 0 24 24"
    fill="none"
    {...props}
  >
    <path
      fill="currentColor"
      d="M16.76 19.916s-.617-.81-1.13-1.526c2.243-.698 3.1-2.244 3.1-2.244a9.49 9.49 0 0 1-1.97 1.113c-.792.372-1.626.644-2.484.81-1.643.34-3.15.245-4.434-.018a13.394 13.394 0 0 1-2.516-.811 9.638 9.638 0 0 1-1.25-.641c-.052-.038-.104-.057-.155-.094a.24.24 0 0 1-.069-.057c-.308-.188-.479-.32-.479-.32s.822 1.508 2.997 2.224a118.08 118.08 0 0 1-1.148 1.564C3.438 19.785 2 17.051 2 17.051 2 10.983 4.466 6.063 4.466 6.063c2.465-2.036 4.811-1.98 4.811-1.98l.171.227c-3.082.98-4.503 2.47-4.503 2.47s.377-.227 1.01-.547c1.832-.886 3.288-1.131 3.886-1.188.103-.019.189-.037.292-.037a13.172 13.172 0 0 1 3.458-.039c1.627.209 3.373.735 5.154 1.81 0 0-1.352-1.414-4.264-2.394l.242-.301s2.345-.057 4.811 1.979c0 0 2.466 4.92 2.466 10.988 0 0-1.457 2.734-5.24 2.865Zm-7.962-8.802c-.977 0-1.747.943-1.747 2.092 0 1.15.788 2.092 1.747 2.092.975 0 1.746-.941 1.746-2.091.017-1.15-.77-2.093-1.746-2.093Zm6.25 0c-.977 0-1.747.943-1.747 2.092 0 1.15.788 2.092 1.747 2.092.975 0 1.746-.941 1.746-2.091 0-1.15-.77-2.093-1.746-2.093Z"
    />
  </svg>
);
